import styled from 'styled-components'

import { themeColor } from '../../../assets/theme/themeColor'
const HomeListContainer = styled.div`
    .home_list{
        width:100%;
        display:flex;
        flex-wrap:wrap;
        margin-top:.005rem;
        justify-content:space-between
        .item_link{
            display:block;
            width:3.75rem;
            color:black;
            opacity:.8
            .list_item{
                .item_url{
                    img{
                        width:3.7rem;
                    }
                }
                .item_price{
                    padding:.1rem
                    .new_price{                      
                        color:${themeColor};
                        font-size:.30rem;
                    }
                }
                .item_title{
                    font-size:.12rem;
                    padding:.1rem;
                    display:flex;
                    justify-content:space-between;
                    align-items:center;
                    .title{
                        width:80%;
                        padding:.1rem;
                        white-space:nowrap;
                        overflow:hidden;
                        text-overflow:ellipsis;
                    }
                }
            }
        }
    }
    .am-tabs-default-bar-tab-active{
        color:${themeColor}
    }
    .am-tabs-default-bar-underline{
        position: absolute;
        border: 1px ${themeColor} solid;
        
}
    }

`

export default HomeListContainer